.app-control-dataview {
  padding: 0 10px;

  .app-dataview-item {
    .top__title {
      text-align: center;
    }

    .top__description {
      max-width: 150px;
      padding-left: 5px;
      text-align: justify;
      text-justify: newspaper;
      word-break: break-all;
    }

    .bottom__action {
      height: 26px;
      margin: 6px 0 4px 4px;
      cursor: pointer;
      padding: 0 15px;

      &:disabled,
      &:disabled:hover {
        cursor: no-drop;
      }

      .bottom__action__icon {
        padding-right: 6px;
      }
    }
  }

  .app-control-panel {
    overflow: visible;

    .control-content {
      overflow: initial;
    }
  }

  .app-dataview-item {
    transition: 0.3s;
    margin: 16px;
  }

  .app-dataview-item:hover {
    box-shadow: 0 2px 12px 0 rgb(0 0 0 / 10%);
  }

  .load-more {
    text-align: center;
    width: 100%;
  }

  .app-control-dataview-content {
    display: flex;
    flex-wrap: wrap;
  }

  .app-control-dataview__pagination {
    .app-control-dataview-content {
      height: calc(100% - 30px) !important;
    }
  }
}
// 卡片视图部件
.app-control-dataview {
  .app-dataview-item {
    border: 1px solid mix(#fff, @text-color, 85%);
    &:hover {
      border: 1px solid mix(mix(@primary-color, #fff, 40%), #fff, 80%);
    }
    &&--selected {
      border: 1px solid mix(@primary-color, #fff, 40%);
    }
    .action-button {
      &:hover {
        color: mix(mix(@primary-color, #fff, 20%), #fff, 50%);
      }
      &:disabled,
      &:disabled:hover {
        color: @app-text-color-step--650;
      }
    }
  }
  .app-dataview-item--selected {
    border: 1px solid mix(@primary-color, #fff, 40%);
  }
}
